<!DOCTYPE>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
        <script type="text/javascript" src="../internal.js"></script>
        <style type="text/css">
            .wrapper {
                width: 540px;
                margin: 10px auto;
            }

            #appShow {
                border: 1px solid #ddd;
            }

            .errorMsg {
                font-size: 13px;
                margin: 10px;
                color: #dd0000
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
            <div id="appShow"></div>
        </div>
        <script type="text/javascript">
            //此处配置您在百度上申请到的appkey。
            var apikey = editor.options.webAppKey;
            if (apikey && apikey.length == 24) {
                var searchConfig = {
                    container: 'appShow', //容器ID
                    tips: "", //该值用于自动清空
                    search: 1, //是否显示搜索框
                    ps: 12, //每页显示的条数
                    suggest: 1, //是否开启搜索自动完成
                    limit: 0, //搜索结果显示条数，0表示无限制
                    searchNow: 0, //是否在初始化完成时立即搜索
                    apikey: apikey, //每人得
                    pager: 1,
                    cid: 7134562,
                    outputHTML: 1
                }, baiduApp;

                function clickCallback() {
                    baiduApp.addEventListener('getAppHTML', function (e, data) {
                        var url = 'http://app.baidu.com/app/enter?appid=' + data.data['app_id'] + '&tn=app_canvas&app_spce_id=1&apikey=' + apikey + '&api_key=' + apikey;
                        editor.execCommand("webapp", {
                            url: url,
                            width: data.uniWidth,
                            height: data.uniHeight + 60,
                            logo: data.data['app_logo'],
                            title: data.data['app_name']
                        });
                        dialog.close();
                    });
                }

                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = "http://app.baidu.com/appweb/api/search?auto=yes&container=container&apikey=" + apikey + "&instanceName=baiduApp&callback=clickCallback&config=searchConfig";
                document.body.appendChild(script);
            } else {
                $G("appShow").innerHTML = "<p class='errorMsg'>" + lang.tip1 + "<a title='" + lang.anthorApi + "' href='http://app.baidu.com/static/cms/getapikey.html' target='_blank'>" + lang.applyFor + "</a></p><p class='errorMsg'>" + lang.tip2 + "</p>";
            }

        </script>
    </body>
</html>